<div>
	<script type="text/ng-template" id="customTemplateCountry.html">
  		<a>
			<span class="f16"><span class = "flag {{match.model.iso2 | lowercase}}"></span></span>
      		<span bind-html-unsafe="match.model.name | typeaheadHighlight:query"></span>
		</a>
	</script>
	<div class="input-group merged">
		<span class="input-group-addon f16"> <i class="flag {{country.iso2 | lowercase}}"></i></span> <input type="text" ng-model="country"
			typeahead="country as country.name for country in getCountries($viewValue)" typeahead-loading="loadingCountries" class="form-control"
			typeahead-template-url="customTemplateCountry.html">
	</div>
</div>